refactor(mode-home): tighten hero subtitles to a single phone line#976
Conversation
Shorten every mode-home subtitle to ~30-40 characters so it renders on one line at phone widths. Verified in Chromium at 320/360/390px that each subtitle occupies a single line box. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Gb9jucaNMEQDmRKXEN7SRV
|
This pull request has been ignored for the connected project Preview Branches by Supabase. |
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (12)
📝 WalkthroughWalkthroughHomepage subtitles and Therapy Compass record-count wording were revised. Therapy Compass recovery tests were updated to match the new singular and plural text. ChangesUI copy refinement
Estimated code review effort: 1 (Trivial) | ~5 minutes Possibly related PRs
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Comment |
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
Summary
subtitleprops onModeHomeHero/ModeHomeTemplate; no structure or CSS change. Titles are unchanged from refactor(mode-home): short titles and single-line hero subtitles #966.Verification
Range.getClientRects()against the running app). Favourites is auth-gated so its hero didn't render headlessly, but at 31 chars it's shorter than lines that already fit at 320px.npm run typecheck✅,npm run lint✅,vitest run tests/therapy-compass-data-recovery.dom.test.tsx✅ (the therapy hero subtitle is dynamic, so its DOM-test regexes were updated to the shortened copy).verify:ui) runs in CI — this sandbox's Playwright browser build is mismatched, so the affected specs are validated there.Risk and rollout
Clinical Governance Preflight
Not applicable — no ingestion, answer generation, search/ranking, source rendering, document access, privacy, production env, or clinical-output surface is touched. Presentational hero copy only.
Notes
🤖 Generated with Claude Code
Generated by Claude Code
Summary by CodeRabbit